.rounded-corners{ border-radius:10px; -ms-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; }
/* HTML	*/
body{ color: #333; font: 12px Comic Sans, Comic Sans, Comic Sans MS, cursive;	width: 100%;	 margin: 0;
	position: absolute;	background: #333333 url(../images/background.png) repeat 0 0; }

form{ /*margin:1px 0 0;*/ display:inline; }

a:link, a:visited, a:hover{ color: black; text-decoration:none; }

h1 label{ white-space:nowrap; }

input, select, textarea{ background-color:#fcfcfc; border:1px solid #ccc; font: 10px Comic Sans,Comic Sans,Comic Sans MS,cursive;	font-weight: bold;	margin:2px 0; padding:2px 4px; }
input:focus, select:focus, textarea:focus{ border:1px solid #FF4600 /*#b2d1ff*/; }

table tbody tr td.name{ font-size:12px; font-style:italic; font-weight:bolder; text-align:right; }
table tbody tr td.value{ padding-left:5px; }
table tbody tr td.requiredField input, .requiredField select{ background-color:#FAFFBD;  }

textarea#termsOfUseMessage{ width:99%; }
.hidden{ display: none;	}

div.noData{ width:600px; height:200px; background-color:white; margin:20px auto; }
div#wrapper div#body div.paginateButtons span{ padding:auto 3px; }


/* FRAMEWORK */
/* headerPage ini */
div#wrapper{ position:relative;	width: 100%; }
div#wrapper div.left{ float:left; margin-left:10px; margin-top:2px; }
div#wrapper div.right{ float:right; margin-right:10px; margin-top:4px; }

div#wrapper div#header{ position:relative; clear:both; height:40px; }
div#wrapper div#header div.left a img{ border:none; }
div#wrapper div#header div.right a{ color:#FF4600; font-style:italic; font-weight:bolder; margin-right:12px; }
div#wrapper div#header div.right a:hover{ color:red; }
/* headerPage end */

div#page{ background:#7986A1; margin:0 10px; position:relative; height:550px;	min-width: 824px; }
div#top{ position:relative;}
div#bottom{ position:absolute; bottom:0px; }


/* menu bar ini */
div.menuNav{ background:url(../images/skin/topnav_menubar.png) repeat-x center; height:30px; /*margin-bottom:20px;*//* position:relative; */width:100%; }
div.menuNav ul#changeView { float:right; width: 190px; }
div.menuNav ul#adminTasks { float:left; width: 190px; }
div.menuNav ul#changeView a label, div.menuNav ul#adminTasks a label { cursor: pointer!important; color:black; }
div.menuNav ul{ background:url(../images/skin/topnav_menubar.png) repeat-x center; float:left; height:30px; margin:0; width:100px;	padding: 0; }
div.menuNav ul.button, ul.button li, ul.button li label{ cursor:pointer;}

div.menuNav ul:hover{ background:url(../images/skin/topnav_menubar_focus.png) repeat-x center; color: #FF9000;}
div.menuNav ul:first-child{ margin-left:25px; }
div.menuNav ul li{ list-style-type:none; height:20px; border: solid 1px #e1e1e1;	padding-top:7px;	text-align: center;}
div.menuNav ul li label{ font-weight:bolder; /*white-space:nowrap;*/ }
div.menuNav div.menuOptionsWrapper li{ text-align: left;	}
div.menuNav ul div { border:1px solid; display:none; position:absolute; width:180px; z-index: 100;}
div.menuNav ul div li{ background-color:white; outline:1px solid #FF9000; }
div.menuNav ul div li a { display: block;	margin-left:16px; }
div.menuNav ul div li a label{ color: #333; font-size:11px; font-weight:normal; cursor:pointer; white-space:nowrap; }
div.menuNav ul div li a:hover {	text-decoration: underline;	}
div.menuNav span#searchbar{ background:url("../images/skin/searchbar.png") no-repeat scroll center center transparent; float:right; margin-right:22px; margin-top:3px; width:200px; }
div.menuNav span#searchbar input{ background:none repeat scroll 0 0 transparent; border:medium none; color:green; font-weight:bold; width:174px; }
div.menuNav span.bookmark{ float:right; margin-right:22px; margin-top:7px; }

/* menu bar end */
div#body{ background-color:white; margin:25px; position:relative;}
#login div#body{ width: 400px;	}
div#login {	height: 160px!important;	}

/* navButtons ini */
div#body div.navButtonsTop{ background:#fff url(../images/skin/shadow.jpg) bottom repeat-x; border:1px solid #ccc; color:#666; font-size:10px; overflow:hidden; padding:0; clear:both; height:22px;}
div#body div.navButtonsTop h1.title{ color:#FF4600; font-weight:normal; font-size:16px; margin:0; text-align:center; }
div#body div.navButtons{ background:url("../images/skin/shadow.jpg") repeat-x scroll center bottom #FFFFFF; border:1px solid #ccc; bottom:0; clear:both; color:#666666; font-size:10px; height:28px; overflow:hidden; padding:0; position:absolute; width:100%; }
div#body div.navButtons input{ background:#fff; border:0; color:#333; cursor:pointer; font-size:10px; font-weight:bold; margin-left:3px; overflow:visible; padding:2px 6px; 	border: 1px solid #CCCCCC; 	border-bottom-color: #949494;	border-right-color: #949494;	}
div#body div.navButtons input:hover, div#body div.navButtons a:hover{ background-color:#FF9000 !important; }
div#body div.navButtons a{ background:#fff; border:0; color:#333; cursor:pointer; font-size:10px; font-weight:bold; margin-left:3px; overflow:visible; padding:2px 6px;	border: 1px solid #CCCCCC;	border-bottom-color: #949494;	border-right-color: #949494;	 }
div#body div.navButtons input.delete{ background:transparent url(../images/skin/database_delete.png) 5px 50% no-repeat; padding-left:28px; }
div#body div.navButtons a.edit{ background:transparent url(../images/skin/database_edit.png) 5px 50% no-repeat; padding-left:28px; }
div#body div.navButtons input.edit{ background:transparent url(../images/skin/database_edit.png) 5px 50% no-repeat; padding-left:28px; }
div#body div.navButtons input.save{ background:transparent url(../images/skin/database_save.png) 5px 50% no-repeat; padding-left:28px; }
div#body div.navButtons input.show{ background:transparent url(../images/skin/database_show.png) 5px 50% no-repeat; padding-left:28px; }
div#body div.navButtons input.disable{ background:transparent url(../images/skin/database_show.png) 5px 50% no-repeat; padding-left:28px; }
div#body div.paginateButtons{ background:url("../images/skin/shadow.jpg") repeat-x scroll center bottom #FFFFFF; border:1px solid #ccc; color:#666; font-size:10px; overflow:hidden; height:22px; width:100%; position:absolute; bottom:0px; }
div#body div.paginateButtons a{ background:#fff; border:1px solid #ccc; border-color:#ccc #aaa #aaa #ccc; color:#666; margin:auto 3px; padding:2px 6px; }

/* navButtons end */

/* comments ini */
div#comment-buttons {	position: relative;	top: -10px;		}
div#comment-buttons a {	background-color: white;	border: solid 1px;	border-color: #CCCCCC #949494 #949494 #CCCCCC;	padding: 0 5px;	}
div#comment-list {	position: absolute;	top: 125px;	bottom: 5px;	overflow-x: scroll;	left: 5px;	right: 5px;	}
div.comment {	background-color: white;	padding: 2px 5px;	margin-bottom: 2px;	min-height: 30px;	width: 96%;	}
div.comment div.navButtons {	font-size: 80%;	float: right;	}
div.comment div.contenido p {	margin: 5px;	}
div.comment span.author {	font-size: 80%;	text-decoration: underline;	font-style: italic;	}

input.voteDown {	background-image: url(../images/vote_down.gif); width:28px; border:none; height:22px; width:28px; }
input.voteUp {	background-image: url(../images/vote_up.gif); width:28px; border:none; height:22px; width:28px; }
input.moderationRequest {	background-image: url(../images/flag.gif); width:auto; border:none; height:22px; width:28px; }
/* comments end */


div#body div.element{ height:400px; /*margin:20px;*/ position:relative; overflow-y:auto; /*max-width:99.5%;*/	padding: 10px 5px 0 5px; }
div#body div.element div.image{ float:left;	margin: 10px;	min-width: 300px;	overflow: hidden;	height: 270px;	text-align: center;	 }
div#body div.element div.table table tbody tr td.name{ width:30%; }
div#body div.element div.tableCreate, div#body div.element div.table{ overflow:auto; background-color:#EEEEEE; margin:10px; padding:25px;}
div#body div.element div.rating {	position: absolute; top: 300px;	left: 15px;	width: 300px;	}
div#body div.element div.rating div.ratingblock {	padding: 0;	margin: 0;	float: right;	}
div#body div.element div.rating label {	padding: 0;	margin: 0;	position: absolute;	right: 155px;	top: 5px;}
div#body div.element div.rating #average-rating, #your-rating {	min-height: 40px;	position: relative;	}
div#body div.element div.tableLogin table{ margin:20px auto; }
div#body div.element div.note{ margin:20px; position:relative; }
div#body div.element div.note label.subtitle{ color:green; font-size:14px; font-style:italic; font-weight:normal; margin:0px; white-space:nowrap; }
div#body div.element div.note div.content{ margin:0 15px; height:150px; outline:1px solid black; overflow:auto; }
div#body div.element div.scroll{ display:block; overflow-x:auto; height:375px; position: relative;	}
div#body div.element div.scroll div.item{ display: table-cell; height:284px; min-height:284px; min-width:300px; width:300px; border:medium none; padding:0 5px; cursor:pointer; }
div#body div.element div.scroll div.item img{ height:300px !imporatant; }
div#body div.element div.scroll div.item input.itemButton { cursor:pointer; }
div#body div.element div.scroll div.item img.portada{ height:299px; }
div#body div.element div.scroll div.item div.botones {	position: absolute;	top: 0;	z-index: 10px;	margin: 5px 10px;	}
div#body div.element div.scroll div.item div.resumen { background-color:#FFC880; height:35px; opacity:0.2; padding:10px; color: black; overflow:auto; }
div#body div.element div.admintasks{ font-size:15px; margin:0 auto; position:relative; width:700px; }
div#body div.element div.admintasks div.group{ border:1px solid black; margin:20px; padding:10px; }
div#body div.element div.admintasks div.group div.option{ margin-left:30px; }

form#newComment input#create{ float:left }

div.tableList{ width:100%; margin:20px auto 0; }
div.tableList tr{ border:0; }
div.tableList td, div.table th{ font-size:12px; line-height:12px; padding: 10px 6px; text-align:left; vertical-align:top; }
div.tableList th{ background:#fff url(./images/skin/shadow.jpg); color:#666; font-size:11px; font-weight:bold; line-height:17px; padding:2px 6px; }
div.tableList th a:link, div.table th a:visited, div.table th a:hover{ color:#333; display:block; font-size:10px; text-decoration:none; width:100%; }
div.tableList th.asc a, div.table th.desc a{ background-position:right; background-repeat:no-repeat; }
div.tableList th.asc a{ background-image:url(./images/skin/sorted_asc.gif); }
div.tableList th.desc a{ background-image:url(./images/skin/sorted_desc.gif); }
div.tableList tr.odd{ background: #E7E9EE; }
div.tableList tr.even{ background:white; }
div.tableList table{ border-collapse:collapse; margin:0px auto; border:1px solid #ccc; }
div.tableList th { border-left: 1px solid #ddd; }
div.tableList tr:hover{ background-color: #FF9000; }



/* MESSAGES AND ERRORS */
.message{ background:url("../images/skin/information.png") no-repeat scroll 8px 50% #F3F8FC; border:1px solid #AAFFAA; color:#006DBA;  padding:5px 5px 5px 30px!important; width:300px; position:absolute;	z-index: 10;	right: 0; }
div.errors{ background:#fff3f3; border-bottom:1px solid red; color:#cc0000;  padding:5px 0 5px 0; position:relative; width:100%; }
div.errors ul{ list-style:none; padding:0; }
div.errors li{ background:url(../images/skin/exclamation.png) 8px 0% no-repeat; line-height:16px; padding-left:30px; }
td.errors select, td.errors input{ border:1px solid red; }